<!-- 翻牌器配置 -->
<template>
    <div>
        <el-form-item label="小数位数">
            <avue-input-number
                v-model="main.activeOption.toFixed"
                :min="0"
                :disabled="disabled"
            >
            </avue-input-number>
        </el-form-item>
        <el-form-item label="行间距">
            <avue-input-number
                v-model="main.activeOption.rowGap"
                :min="0"
                :disabled="disabled"
            >
            </avue-input-number>
        </el-form-item>
        <el-form-item label="对其方式">
            <avue-select
                v-model="main.activeOption.textAlign"
                :dic="dicOption.textAlign"
                :disabled="disabled"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="背景颜色">
            <avue-input-color
                v-model="main.activeOption.bgColor"
                :disabled="disabled"
            ></avue-input-color>
        </el-form-item>
        <el-form-item label="内容模版">
            <avue-input
                type="textarea"
                :disabled="disabled"
                v-model="main.activeOption.content"
            ></avue-input>
        </el-form-item>
        <el-collapse accordion>
            <el-collapse-item title="字体样式">
                <el-form-item label="字体类型">
                    <avue-select
                        filterable
                        allow-create
                        :disabled="disabled"
                        v-model="main.activeOption.fontFamily"
                        :dic="dicOption.fontFamily"
                    ></avue-select>
                </el-form-item>
                <el-form-item label="文字粗细">
                    <avue-select
                        :disabled="disabled"
                        v-model="main.activeOption.fontWeight"
                        :dic="dicOption.fontWeight"
                    >
                    </avue-select>
                </el-form-item>
                <el-form-item label="颜色">
                    <avue-input-color
                        :disabled="disabled"
                        v-model="main.activeOption.fill"
                    ></avue-input-color>
                </el-form-item>
                <el-form-item label="字体大小">
                    <avue-input-number
                        :disabled="disabled"
                        v-model="main.activeOption.fontSize"
                        :max="200"
                    >
                    </avue-input-number>
                </el-form-item>
            </el-collapse-item>
        </el-collapse>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "flop",
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    },
    inject: ["main", "contain"]
};
</script>

<style></style>
